<script type="text/javascript">
{literal}
	$(document).ready(function() {
		$('#sale_program_list').tablesorter();
		$('#sale_program_list tbody tr:even').toggleClass('alt');
	});	
{/literal}
</script>
<br />

{include file="sale_program/general_add_sale_program.html"}
<div id="list_sale_program_container" style="margin-top: 5px">
	<table id="sale_program_list" cellspacing="0" cellpadding="0" class="grid" width="620px">
		<thead>
			<tr>
				<th class='first' style='width:30%'>{translate}Name{/translate}</th>
				<th style='width:50%'>{translate}Description{/translate}</th>
				<th class='last' style='width:20%'>{translate}ID{/translate}</th>						
			</tr>
		</thead>
		<tbody>
		{foreach from=$saleProgramList item=sale_program}
			<tr id="{$sale_program.sale_program_id}">
			    
			    <td class='first'>
			        <a href="javascript:editSaleProgram({$sale_program.sale_program_id},'{$sale_program.name}', '{$sale_program.description}','{$sale_program.code}');" title="{translate}Edit promotion program{/translate}">{$sale_program.name}
			        </a>
			    </td>
			    <td>
			        {$sale_program.description}
			    </td>
			    <td class="last">
			        {$sale_program.code}
			    </td>
			</tr>
		{/foreach}
		</tbody>
	</table>		
</div>